<!DOCTYPE html>
<html>
<head>
   <title>JQuery tabs</title>
   <script type='text/javascript' src='jquery.js'></script>
   <script type='text/javascript' src='jqtab.js'></script>
   <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
   <div class='sc-btn'>
      <a href='javascript:void(0)' name='fb' class='aktif'>fb</a>
      <a href='javascript:void(0)' name='tw' class='non-aktif'>tw</a>
      <a href='javascript:void(0)' name='gp' class='non-aktif'>g+</a>
      <a href='javascript:void(0)' name='rss' class='non-aktif'>rss</a>                     
   </div>
   <div class='isi'>
      <div name='fb'>fesbuk</div>
      <div name='tw'>twitter</div>
      <div name='gp'>google+</div>
      <div name='rss'>rss feed</div>
   </div>
</body>
</html>